<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 最新编译并压缩的 CSS -->
<link href="https://www.w3school.com.cn/lib/bs/bootstrap.css" rel="stylesheet">
<!-- 最新编译的 JavaScript -->
<script src="https://www.w3school.com.cn/lib/bs/bootstrap.js"></script>
<link rel="stylesheet" href="css/firstpage.css">
</head>
<body>
    <!-- 林梦雅20软单20200508110 -->
    <div class="part1"><!-- 首页头部 -->
        <nav class="navbar navbar-expand-sm part1-tt">
            <div class="container-fluid">
              <a class="navbar-brand" href="ypjdsy.html"><img src="img/log.png" alt=""></a>
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="collapsibleNavbar">
                <ul class="navbar-nav">
                  <li class="nav-item">
                    <a class="nav-link" href="ypjdsy.html" style="font-weight: bolder;color: #266258;">首页</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="kf.html">客房</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="yytime.html">营运时间</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="cyjjn.html">餐宴及佳酿</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="jcss.html">精彩盛事</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="shopty.html">购物体验</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="rhjx.html">荣获奖项</a>
                  </li>


                  <li class="nav-item">
                    <a class="nav-link" href="chatus.html">联系我们</a>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
        
        
    </div>
    <div class="part2"><!-- 首页轮播图 -->
        <!-- 轮播 -->
        <div id="demo" class="carousel slide" data-bs-ride="carousel">

            <!-- 指标/点 -->
            <div class="carousel-indicators">
            <button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
            </div>
        
            <!-- 幻灯片/轮播 -->
            <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="/img/轮播图/1.png" alt="Los Angeles" class="d-block w-100">
            </div>
            <div class="carousel-item">
                <img src="/img/轮播图/2.png" alt="Chicago" class="d-block w-100">
            </div>
            <div class="carousel-item">
                <img src="/img/轮播图/3.png" alt="New York" class="d-block w-100">
            </div>
            </div>
        
            <!-- 左右控件/图标 -->
            <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
            <span class="carousel-control-prev-icon"></span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
            <span class="carousel-control-next-icon"></span>
            </button>
        </div>
       

    </div>
    <div class="part3"><!-- 首页内容 -->
        <div>
            <p class="part3-tt">品牌介绍  Brand Introduction </p>
            <hr>
        </div>
        <div class="span 6">
            <img src="/img/首页内容/内容3.png" alt="" class="part3-img" style="padding-right: 20px;">
            <img src="/img/首页内容/内容4.png" alt="" class="part3-img">
        </div>
        <div class="product">
            <p>
                优品致力成为全球最创新的综合度假酒店，以崭新科技为宾客重新定义艺术及娱乐体验。
                其「视博广场」的天幕被评为健力士世界纪录™最大悬跨网架式结构玻璃屋顶（自支撑）；
                优品亦获 Emporis Skyscraper Award 2018评为「全球最佳摩天大楼」，
                是首家取得三星级中国绿色建筑设计标识和运行标识的巨型综合建筑及酒店。
            </p><br>

            <p>
                踏进这里，您可以发现拥有全球首屈一指的壮观数码影像科技、达标准足球场大小之视博广场中乐而忘返。
                我们将以革命性的技术为您创造前所未有的娱乐感官享受。
                此外，优品提供多个特色餐饮概念，从本地美馔至国际佳肴，是最具创意的美食热点.
            </p><br>
            <p>
                唯有在这里，您才能享受这种极致豪华及精彩缤纷的创新体验。
            </p>
        </div>
        <div class="proimg">
            <img src="img/首页内容/5.png" alt=""  style="width: 570px;height: 570px;">
            <img src="img/首页内容/6.png" alt=""  style="width: 570px;height: 570px;">
            <div style="width: 726px;height: 570px; color: white;font-size: 85px;font-weight: bolder;">
                <p>
                QUALITY FIRST, SERVICE FIRST 
                <br>
                品质至上
                <br>
                服务第一
                </p>
            </div>
        </div>

    </div>
    <div class="part5"><!-- 新闻资讯 -->
        <div class="left">
            <table class="table">
                <thead>
                  <tr class="h1tt">
                    <th >新闻资讯 News</th>
                    <th style="font-size: 22px;">更多+</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><img src="img/首页内容/新闻1.png" alt="" style="width:300px;height: 180px;"></td>
                    <td><p class="part5-tt">优品荣膺“最佳商务酒店”，美好旅居体验再获认可</p>
                        <p>随着中国商旅市场规模稳步上升，商旅人士和企业对于酒店住宿的需求日益增长
                            ,除了一线城市之外，发展潜力大、市场范围广的二三线城市的商务住宿需求高涨。
                            作为专注于二三线城市的中档酒店，
                            尚客优品为追求品质...
                        </p>
                    </td>
                    
                  </tr>
                  <tr>
                    <td><img src="img/首页内容/新闻2.jpg" alt="" style="width:300px;height: 180px;"></td>
                    <td><p class="part5-tt">“品牌、技术、会员”，在下沉市场扩张的硬核实力</p>
                        <p>新的消费时代已来，酒店行业焕新升级，
                            青岛数智科技集团有限公司CEO马博在发表
                           《下沉市场：投资酒店是个好生机》演讲时表示，辅之以智能前台+智能客控+智能管理，打造集住宿、生活、社交于一体的全新酒店消费生态圈。
                           策略层面上，尚客优品将通过品牌升级和体验升级...
                        </p>
                    </td>
                  </tr>
                  <tr>
                    <td><img src="img/首页内容/新闻3.jpg" alt="" style="width:300px;height: 180px;"></td>
                    <td><p class="part5-tt">“酒店+新零售”模式，丰富旅居生活便利感</p>
                        <p>除了美好舒适的居住空间之外，
                            优品酒店打破传统中档酒店单一、无趣的功能体验，
                            基于年轻消费者的出行习惯，创新推出“酒店+新零售”模式，
                            在酒店大堂、走廊等公共区域摆放精选办公、家居及旅行用品，
                            致力于为客人提供便利和快捷的沉浸式购物体验 ...
                        </p>
                    </td>
                  </tr>
                </tbody>
              </table>
            
        </div>
        <div class="right">
            <table class="table">
                <thead>
                  <tr class="h1tt" >
                    <th >精选阅读</th>
                    <th style="font-size: 22px;">更多+</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><img src="img/首页内容/新闻4.png" alt="" style="width:300px;height: 180px;"></td>
                    <td><p class="part5-tt">优品酒店潇洒登场 引酒店加盟品质潮</p>
                    </td>
                    
                  </tr>
                  <tr>
                    <td><img src="img/首页内容/新闻5.jpg" alt="" style="width:300px;height: 180px;"></td>
                    <td><p class="part5-tt">玩转新零售：优品再造中档酒店新大陆</p>
                    </td>
                  </tr>
                  <tr>
                    <td><img src="img/首页内容/新闻6.png" alt="" style="width:300px;height: 180px;"></td>
                    <td><p class="part5-tt">兰欧酒店携手大英博物馆，优品主打新零售，共同打造酒店新物种</p>
                        
                    </td>
                  </tr>
                </tbody>
              </table>
        </div>
    </div>
    <div class="part4z"><!-- 最后商标 -->
        <div class="part4z-tt">
            <img src="img/2log.png" alt="" style="width: 200px;">
            <p>优品致力成为全球最创新的综合度假酒店</p>
        </div>
    </div>
</body>
</html>